<!DOCTYPE html>
<html lang="en" id="room" v-cloak>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <title>爱的约定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/room.css">
</head>
<body>
    <div class="message">
        <div class='common-header'>
            <div class='left'>
            <a href="javascript:window.history.back();">
                    <i class='iconfont icon-left'></i>
                </a>
            </div>
            <div class="middle">面对面交友</div>
        </div>
        <img src="img/hkt.png" style="width: 100%;">
        <p>欢迎进入面对面交友，如果你想获得一对一的见面约会，可在此进行预约登记，我们的红娘志愿者将为你们联系合适的对象，一旦成功，我们将通知你约会的时间地点。</p>
        <div class="list">
            <p>您希望会客的地点（如果选择其他请在具体要求中描述清楚会客地点）</p>
            <span v-for="item in list" v-bind:class="{'checked':isChecked(item)}" v-on:click="pick('list',$index)">
                {{item.name}}
            </span>
        </div>
        <textarea cols="30" rows="5" placeholder="具体要求" v-model="str"></textarea>
        <a v-on:click="save()" class="btn">提交</a>
    </div>
</body>
<script>var app = 'room';</script>
<script data-main="js/common/require_config" src="lib/requirejs/require.js"></script>
</html>